| Widgets > wijcalendar > wijcalendar Tutorial > wijcalendar Step 2 of 3: Initializing and Customizing the Widget |
In the previous step, you added markup to add the content that will appear in the calendar. Now you can add the jQuery script to initialize the widget as well as set the allowPreview, minDate, maxDate, and navButtons options to customize the wijcalendar control.
After the closing </div> tags you added in the previous step, enter the following jQuery script to initialize the wijcalendar widget:
<script id="scriptInit" type="text/javascript">
$(document).ready(function () {
$("#calendar1").wijcalendar({
minDate: new Date('2012/02/16'),
maxDate: new Date('2012/02/25'),
allowPreview: true,
navButtons: 'quick',
quickNavStep: 6,
easing: "easeInBounce", duration: 2500,
titleFormat: "MMM yyyy"
});
});
</script>